Contact
Email: datntd02@gmail.com
Phone number: 0977367521
Address: Phu Nhuan District, HCM City, Vietnam.
LET’S WORK
TOGETHER
I had the privilege of participating in the development and launch of the TEA Vietnam website, a meaningful project aimed at supporting people with disabilities in accessing professional training programs and resources. During this process, I faced various challenges, such as clearly defining the target user group, optimizing the user experience, and designing a user-friendly and accessible interface.
Finalist of the Social Business Creation Competition 2023
Through this project, I developed skills in UI/UX design, and teamwork. I am proud of my contributions to the TEA Vietnam project and look forward to continuing to create impactful products in the future.
Connecting People with Disabilities to Opportunities
Primary Colors
Base
White
#FFFFFF
White gray
#F2F2F2
Black
#000000
Blue black
#101527
The primary color is your "brand" color, and is used across all interactive elements such as buttons, links, inputs, etc. This color can define the overall feel and can elicit emotion.
Primary
900
#F04E4C
900
#9E2531
800
#FC5F5D
800
#D43148
700
#FF7674
700
#EC4960
600
#FF8886
600
#FF6D81
500
#FFA2A1
500
#FF8294
400
#FFB8B7
400
#FFA7B4
300
#FFD9D8
300
#FFC4CD
Secondary colors
Gray
Gray is a neutral color and is the foundation of the color system. Almost everything in UI design — text, form fields, backgrounds, dividers — are usually gray.
900
#545454
800
#626262
700
#8F8F8F
600
#BCBCBC
500
#DADADA
400
#E1E1E1
300
#F2F2F2
Success colors communicate a positive action, positive trend, or a successful confirmation. If you're using green as your primary color, it can be helpful to introduce a different hue for your success green.
Success
900
#06B70D
800
#0FCB16
700
#34EA3B
600
#57F35D
500
#80FF85
400
#C1FFC3
300
#D8FFDA
Blue
900
#0035EF
800
#2B44FF
700
#1877F2
600
#188CFA
500
#45A5FF
400
#89D5FF
300
#D2EFFF
Typeface
Inter
Ag
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Heading
Reguler
Heading 1
Reguler
Heading
Reguler
Heading
Reguler
Subtitle
Reguler
Heading
Medium
Heading 1
Medium
Heading
Medium
Heading
Medium
Subtitle
Medium
Heading
Bold
Heading 1
Bold
Heading
Bold
Heading
Bold
Subtitle
Bold
Heading
Heading 1
Botton
Body text
Subtitle